<template>
    <div class="serveList">
        <!-- 头部 --> 
        <InsideHeader :bannerType="bannerType"></InsideHeader>
       
        <!-- 面包屑 -->
        <!-- <crumb></crumb> -->
        <div class="crumb">
            <div class="block">   
                <div class="crumbL">
                    <nuxt-link :to="{name: 'index'}">首页</nuxt-link>
                    <em>></em>
                    <nuxt-link :to="{name: 'serve-serveList'}" class="on">服务支持</nuxt-link>
                    <div class="clear"></div>
                </div>
                <div class="crumbR">
                    <nuxt-link :to="{name: 'serve-culCenter'}">培训中心</nuxt-link>
                    <nuxt-link :to="{name: 'serve-exhibitionHallW'}">走进智能制造</nuxt-link>
                    <nuxt-link :to="{name: 'serve-callCenterW'}">Call Center</nuxt-link>
                    <nuxt-link :to="{name: 'serve-afterServiceW'}">售后服务</nuxt-link>
                    <nuxt-link :to="{name: 'serve-serveFaqW'}">FAQ</nuxt-link>
                    <nuxt-link :to="{name: 'serve-serveQuestionsW'}">问询与建议</nuxt-link>
                    <nuxt-link :to="{name: 'serve-serveAttestationW'}">认证机构查询</nuxt-link>
                    <div class="clear"></div>
                </div>
                <div class="clear"></div>
            </div>
        </div>

        <div class="content">
            <div class="block">
                <div class="title">
                    <span>服务支持</span>
                </div>
                <div class="list">
                    <ul> 
                        <li>
                            <nuxt-link :to="{name: 'serve-culCenter'}">
                                <img class="img" src="../../static/images/serveList1.png" alt="培训中心">
                                <div class="show">
                                    <p>培训中心</p>
                                    <span></span>
                                </div>
                                <div class="mode">
                                    <img class="img" src="../../static/images/serveList1.png" alt="培训中心">
                                    <div class="mod"></div>
                                    <div class="cont">
                                        <div>
                                            <p class="title">培训中心</p>
                                            <span></span>
                                            <p>培训中心</p>
                                        </div>
                                        <a href="">了解更多</a>
                                    </div>
                                </div>
                            </nuxt-link>
                        </li>
                        <li>
                            <nuxt-link :to="{name: 'serve-exhibitionHallW'}">
                                <img class="img" src="../../static/images/serveList2.png" alt="走进智能制造">
                                <div class="show">
                                    <p>走进智能制造</p>
                                    <span></span>
                                </div>
                                <div class="mode">
                                    <img class="img" src="../../static/images/serveList2.png" alt="走进智能制造">
                                    <div class="mod"></div>
                                    <div class="cont">
                                        <div>
                                            <p class="title">走进智能制造</p>
                                            <span></span>
                                            <p>走进智能制造</p>
                                        </div>
                                        <a href="">了解更多</a>
                                    </div>
                                </div>
                            </nuxt-link>
                        </li>
                        <li>
                            <nuxt-link :to="{name: 'serve-callCenterW'}">
                                <img class="img" src="../../static/images/serveList3.png" alt="Call Center">
                                <div class="show">
                                    <p>Call Center</p>
                                    <span></span>
                                </div>
                                <div class="mode">
                                    <img class="img" src="../../static/images/serveList3.png" alt="Call Center">
                                    <div class="mod"></div>
                                    <div class="cont">
                                        <div>
                                            <p class="title">Call Center</p>
                                            <span></span>
                                            <p>Call Center</p>
                                        </div>
                                        <a href="">了解更多</a>
                                    </div>
                                </div>
                            </nuxt-link>
                        </li>
                        <li>
                            <nuxt-link :to="{name: 'serve-afterServiceW'}">
                                <img class="img" src="../../static/images/serveList4.png" alt="售后服务">
                                <div class="show">
                                    <p>售后服务</p>
                                    <span></span>
                                </div>
                                <div class="mode">
                                   <img class="img" src="../../static/images/serveList4.png" alt="售后服务">
                                    <div class="mod"></div>
                                    <div class="cont">
                                        <div>
                                            <p class="title">售后服务</p>
                                            <span></span>
                                            <p>售后服务</p>
                                        </div>
                                        <a href="">了解更多</a>
                                    </div>
                                </div>
                            </nuxt-link>
                        </li>
                        <li>
                            <nuxt-link :to="{name: 'serve-serveQuestionsW'}">
                                <img class="img" src="../../static/images/serveList5.png" alt="问询已建议">
                                <div class="show">
                                    <p>问询已建议</p>
                                    <span></span>
                                </div>
                                <div class="mode">
                                    <img class="img" src="../../static/images/serveList5.png" alt="问询已建议">
                                    <div class="mod"></div>
                                    <div class="cont">
                                        <div>
                                            <p class="title">问询已建议</p>
                                            <span></span>
                                            <p>问询已建议</p>
                                        </div>
                                        <a href="">了解更多</a>
                                    </div>
                                </div>
                            </nuxt-link>
                        </li>
                        <li>
                            <nuxt-link :to="{name: 'serve-serveFaqW'}">
                                <img class="img" src="../../static/images/serveList6.png" alt="FAQ">
                                <div class="show">
                                    <p>FAQ</p>
                                    <span></span>
                                </div>
                                <div class="mode">
                                    <img class="img" src="../../static/images/serveList6.png" alt="FAQ">
                                    <div class="mod"></div>
                                    <div class="cont">
                                        <div>
                                            <p class="title">FAQ</p>
                                            <span></span>
                                            <p>FAQ</p>
                                        </div>
                                        <a href="">了解更多</a>
                                    </div>
                                </div>
                            </nuxt-link>
                        </li>
                        <li> 
                            <nuxt-link :to="{name: 'serve-serveAttestationW'}">
                                <img class="img" src="../../static/images/serveList7.png" alt="认证机构查询">
                                <div class="show">
                                    <p>认证机构查询</p>
                                    <span></span>
                                </div>
                                <div class="mode">
                                    <img class="img" src="../../static/images/serveList7.png" alt="认证机构查询">
                                    <div class="mod"></div>
                                    <div class="cont">
                                        <div>
                                            <p class="title">认证机构查询</p>
                                            <span></span>
                                            <p>认证机构查询</p>
                                        </div>
                                        <a href="">了解更多</a>
                                    </div>
                                </div>
                            </nuxt-link>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- 链接 -->
        <Insidelink></Insidelink>

        <!-- 底部 -->
        <HomeHooter></HomeHooter>
    </div>
</template>

<script>
    import $ from "jquery";
    import "@/assets/css/news.css";
    import InsideHeader from "@/components/head";
    import HomeHooter from "@/components/footer";
    import crumb from "@/components/crumb";
    import Insidelink from "@/components/link";
    export default {
        name: "serveList",
        components: {
            InsideHeader,
            HomeHooter,
            crumb,
            Insidelink,
        },
        data(){
            return{
                bannerType:'serveList',
            }
        }
    }
</script>

<style scoped>

</style>
